<template>
	<table class="table table-bordered table-stripped">
		<!-- 表格标题区域 -->
		<thead>
			<slot name="haed"></slot>
		</thead>
		<!-- 表格主体区域 -->
		<tbody>
			<tr v-for="item in arr" :key="item.id">
				<slot name="body" :obj="item"></slot>
			</tr>
		</tbody>
	</table>
</template>

<script>
export default {
	name: 'MyTable',
	props: {
		arr: {
			type: Array,
			required: true
		}
	}
}
</script>


<style scoped lang="less">
.my-goods-list {
	.badge {
		margin-right: 5px;
	}
}
</style>
